<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Document</title>
</head>
<body>
  
</body>
</html>

<script>
  // 对象的一些特点

  // 1. 对象的key(属性)一定是字符串类型的
  // 引号是可以省略的
  // var obj = {
  //   // key:value
  //   "name": "zhiyuan",
  //   "age": 25
  // }
  // console.log(obj["name"]);


  // 2. 对象的key(属性)如果想用变量，那么需要加上[]
  // var str = "age";
  // var obj = {
  //   name: "zhiyuan",
  //   [str]: 25
  // }
  // console.log(obj);


  // 3. 当访问一个对象里面不存在的属性的时候，结果是undefined
  // 4. 点操作符和[]，都是可以访问对象的属性和方法的
  // 如果要访问的key是一个变量的时候，那么就只能使用[]
  // 如果不是变量，那么更习惯性用点操作符
  // var str = "name";
  // var obj = {
  //   name: "zhiyuan",
  //   age: 25,
  // }
  // console.log(obj[str]);


  // 5. 假如用alert方法去打印对象，是看不到对象的具体的内容的，结果是[object Object]
  // 就是想看对象长什么样，推荐使用console.log
  // var obj = {
  //   name: "zhiyuan",
  //   age: 25,
  // }
  // console.log(obj);
  // alert(obj); // [object Object]


  // var obj = {
  //   name: "zhiyuan",
  //   age: 25,
  // }
  // console.log(typeof obj); // object






</script>